<html>
<head>
	<link rel="stylesheet" href="css/eggplant/jquery-ui-1.8.18.custom.css" type="text/css">
	<link rel="stylesheet" href="css/studentvoice.css" type="text/css">
	<script src="js/jquery-1.7.2.min.js" type="text/javascript" ></script>
	<script src="js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<script type="text/javascript">
	jQuery(function () {
		var data = {
			question: 'ahVkZXZ-Z3JlYXRlc3QtYXBwLWV2ZXJyFQsSDlF1ZXN0aW9uQW5zd2VyGMABDA'
		};
		jQuery.getJSON('http://localhost:8080/getQuestionAnswers', data, function (data) { console.log(data); });
	});
		// Callback that creates and populates a data table,
		// instantiates the pie chart, passes in the data and
		// draws it.
		function drawChart() {

			// Create the data table.
			var data = new google.visualization.DataTable();
			data.addColumn('string', 'Topping');
			data.addColumn('number', 'Slices');
			data.addRows([
				['Mushrooms', 3],
				['Onions', 1],
				['Olives', 1],
				['Zucchini', 1],
				['Pepperoni', 2]
			]);

			// Set chart options
			var options = {'title':'How Much Pizza I Ate Last Night',
			               'width':400,
			               'height':300};

			// Instantiate and draw our chart, passing in some options.
			var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
			chart.draw(data, options);
		}

		// Load the Visualization API and the piechart package.
		google.load('visualization', '1.0', {'packages':['corechart']});

		// Set a callback to run when the Google Visualization API is loaded.
		google.setOnLoadCallback(drawChart);
	//});
	</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>